<template>
  <div>
    <div class="title">用户wiki</div>
    <div class="content">
      <div class="item cur_p td_u fsc" v-for="item in list" :key="item.id">
        <img class="icon" :src="item.icon"/>
        <span class="text">{{item.text}}</span>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
const list=[
    {
      id:1,
      icon:'https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/13138582886/9567/5afa/307c/a6ba8934ef3b36208786e4445e054e04.png',
      text:'补充或修改艺人资料',
      path:''
    },
    {
      id:2,
      icon:'https://p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/13138667740/2d69/e968/aac8/79d601b88b5bde7f850f090db9a3f820.png',
      text:'用户wiki任务中心',
      path:''
    }
  ]
</script>

<style lang="scss" scoped>

.title {
  line-height: 23px;
  font-size: 12px;
  color: #333;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.item{
  height: 20px;
  line-height: 12px;
  &:not(:first-child){
    margin-top: 5px;
  }

  .icon{
    width: 20px;
    height: 20px;
  }
  .text{
    color:#333;
    font-size: 12px;
    line-height: 12px;
  }
}



</style>